<template>
	<view class='item' @click="navPlayer">
		<image :src='img'></image>
		<view class="like_box">
			<image src="../../static/images/img/like_live.png"></image>
			<view>{{num}}</view>
		</view>
	</view>
</template>

<script>
export default {
	name:"avatar",
	props:{
		img: '',
		num: {
			default:'0'
		},
		index:'',
		id: ''
	},
	data() {
		return {
			
		};
	},
	methods:{
		navPlayer(){
			uni.navigateTo({
				url:'../../home/shopPlyer/shopPlyer?id='+this.id+'&index='+this.index
			})
		}
	}
}
</script>

	
<style lang="less">
	.item{
		margin-right: 1.3vw;
	}
	image{
		width: 30vw;
		height: 40vw;
	}
	view{
		position: relative;
	}
	.like_box{
		position: absolute;
		left: 15rpx;
		bottom: 10rpx;
		color: #fff;
		font-size: 24rpx;
		display: flex;
		align-items: center;
		image{
			width: 21rpx;
			height: 18rpx;
			z-index: 2;
			margin-right: 5rpx;
		}
	}
</style>
